<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />

    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <title>中石化BP 招募体验官</title>
</head>
<body>

    <div class="pop-bg">
        <div class="pop-box rule" id="rule">
            <h1>活动规则</h1>
            <div class="pop-box-content">
                <p><span>1.</span>活动时间：7月15日-7月19日</p>
                <p><span>2.</span>活动地区：仅限微信归属地为宁波、绍兴及杭州地区的用户参与</p>
                <p><span>3.</span>招募方式：微信推文主动招募+线下门店招募</p>
                <p><span>4.</span>宁波、绍兴、杭州地区体验官名额上限分别为7500人、4500人、及3000人，每人只有一次报名机会。</p>
                <p><span>5.</span>会员通过微信报名，即可获得体验官勋章1枚。完成问卷，即可获得1张10元无门槛油品现金券。</p>
                <p><span>6.</span>活动结束后，将由我司挑选提出优质建议的体验官，颁发“金牌体验官”奖，金牌体验官每个区域8位，一共152位，每人将给予1张200-100加油抵扣券作为奖励。</p>
            </div>
            <div class="pop-box-tips">*最终解释权归中石化bp所有</div>
        </div>
    </div>

    <div class="page">
        <img src="images/index_line_bg.png" width="100%" alt="" />
        <img class="rule-btn" src="images/rule_btn.png" alt="" />
        <img class="slogan" src="images/index_slogan_img.png" width="100%" alt="" />
        <img class="index-person" src="images/index_person_img.png" width="100%" alt="" />
        <img class="index-btn" src="images/index_btn.png" alt="" />
    </div>

    <script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $('.rule-btn').click(function (e) {
            $('.pop-bg').show();
            $('#rule').show();
        });
        
        $('.pop-bg').click(function (e) {
           $('.pop-bg').hide();
        });
        
        $('.index-btn').click(function (e) {
            window.location.href = 'form.html'
        });
    </script>
</body>
</html>